<template>
  <view class="">
    <!-- 弹出 跳转学在杭州 -->
    <uni-popup ref="popup3" type="center" before-close="true">
    	<view class="popup">
    		<view class="popup-close" style="background: none;"></view>
    		<view class="popup-title" style="font-weight: 600;">{{ popup.title }}</view>
    		<view class="popup-text">{{ popup.text }}</view>
    		<view class="popup-button" style="background-color: #fff;color:#1492FF;" @click="goxzhz()">{{ popup.button }}</view>
    	</view>
    </uni-popup>
  </view>
</template>
<script>
export default {
  name: 'popup3',
  props: {
    
  },
  data () {
    return {
		popup:{
			title: '',
			text: '请前往选择孩子',
			button: '确定',
			url: '',
		},
    }
  },
  computed: {
     // refresh2() {
     //    return this.$store.state.user.refresh2
     // }
  },
  watch: {
  	// refresh2: {
  	// 	immediate: true,
  	// 	handler: function(newval) {
			
  	// 	}
  	// }
  },
  created() {
  },
  methods: {
	goxzhz(){
		window.location.href="https://mapi.zjzwfw.gov.cn/web/mgop/gov-open/zj/2002238519/reserved/index.html?redirect=addchild";
	},
    open(){
    	this.$refs.popup3.open('center')
    },
    close() {
        this.$refs.popup3.close()
    },
	
  },
  beforeDestroy() {
	  
  }
}
</script>
<style lang="less" scoped>
    .popup{
		width: 60vw;
		height: 40vw;
		background: #ffffff;
		position: absolute;
		margin-left: -30vw;
		margin-top: -20vw;
		border-radius: 2.2vw;
		
		display: grid;
		justify-content: center;
		align-items: center;
		grid-template-rows: 5vw 5vw 15vw 15vw;
	}
	.popup-close{
		margin: 2vw 0 0 55vw;
		width: 3vw;
		height: 3vw;
		background: url(../static/index/close.svg);
		background-size: 100% 100%;
		cursor: pointer;
	}
	.popup-title{
		display: grid;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 4vw;
	}
	.popup-text{
		margin: 0 5vw 0 05vw;
		width: 50vw;
		display: grid;
		justify-content: center;
		align-items: center;
		font-size: 3.4vw;
	}
	.popup-button{
		margin: 0 5vw 0 5vw;
		width: 50vw;
		height: 8vw;
		border-radius: 4vw;
		display: grid;
		justify-content: center;
		align-items: center;
		color: #ffffff;
		background: #1492FF;
		cursor: pointer;
	}
</style>